<?php
function header_template($ht_title, $ht_href, $ht_icon) {
$project = "LUMA v.0.3";
$title = $ht_title;
$icon = $ht_icon;
?>
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>[<?php echo $project; ?>] <?php echo $title; ?></title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- Le styles -->
    <link href="../../assets/css/bootstrap.css" rel="stylesheet">
    <style>
      body {
        padding-top: 20px; /* 60px to make the container go all the way to the bottom of the topbar */
      }
    </style>
    <link href="../../assets/css/bootstrap-responsive.css" rel="stylesheet">

    <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

    <!-- Le fav and touch icons -->
    <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="../../assets/ico/apple-touch-icon-144-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../../assets/ico/apple-touch-icon-114-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="../../assets/ico/apple-touch-icon-72-precomposed.png">
    <link rel="apple-touch-icon-precomposed" href="../../assets/ico/apple-touch-icon-57-precomposed.png">
  </head>

  <body>

    <div class="container"><!-- container -->

      <!-- tmp navigation START -->
      <div class="row">
        <div class="span3">
        </div>
        <div class="span6">
          <p><code>[<?php echo $project; ?>]</code></p>
        <!--
          <p>
            <div class="pull-right">
              <div class="btn-group">
                <a class="btn btn-large btn-info" href="#"><i class="icon-tint icon-white"></i> LUMA Panel</a>
                <a class="btn btn-large btn-info dropdown-toggle" data-toggle="dropdown" data-target="#"><span class="caret"></span></a>
                <ul class="dropdown-menu">
                  <li><a href="photo.php"><i class="icon-camera"></i> Photo</a></li>
                  <li><a href="category.php"><i class="icon-list-alt"></i> Category</a></li>
                  <li><a href="postage.php"><i class="icon-th-large"></i> Postage</a></li>
                  <li><a href="product.php"><i class="icon-tags"></i> Product</a></li>
                  <li class="divider"></li>
                  <li><a href="bag.php"><i class="icon-briefcase"></i> Bag</a></li>
                  <li><a href="checkout.php"><i class="icon-shopping-cart"></i> Checkout</a></li>
                  <li class="divider"></li>
                  <li><a href="frontage.php?pid=1"><i class="icon-tag"></i> Frontage</a></li>
                </ul>
              </div>
            </div>
          </p>
          -->
          <p>
          <button type="button" class="btn btn-info btn-mini" data-toggle="collapse" data-target="#control_collapse">
            <i class="icon-tint icon-white"></i> Control
          </button>
          <button type="button" class="btn btn-info btn-mini" data-toggle="collapse" data-target="#interface_collapse">
            <i class="icon-leaf icon-white"></i> Interface
          </button>
          </p>
          <div id="control_collapse" class="collapse">
            <ul class="nav nav-pills">
              <li><a href="photo.php"><i class="icon-camera"></i> Photo</a></li>
              <li><a href="category.php"><i class="icon-list-alt"></i> Category</a></li>
              <li><a href="list.php"><i class="icon-th-list"></i> List</a></li>
              <li><a href="postage.php"><i class="icon-th-large"></i> Postage</a></li>
              <li><a href="product.php"><i class="icon-tags"></i> Product</a></li>
              <li><a href="order.php"><i class="icon-file"></i> Order</a></li>
              <li><a href="slider.php"><i class="icon-play-circle"></i> Slider</a></li>
            </ul>
          </div>
          <div id="interface_collapse" class="collapse">
            <ul class="nav nav-pills">
              <li><a href="bag.php"><i class="icon-briefcase"></i> Bag</a></li>
              <li><a href="checkout.php"><i class="icon-shopping-cart"></i> Checkout</a></li>
              <li><a href="frontage.php?pid=1"><i class="icon-tag"></i> Frontage</a></li>
            </ul>
          </div>
      <!-- tmp navigation END -->

          <p>
            <a class="btn btn-large btn-inverse" href="<?php echo $ht_href; ?>">
              <i class="<?php echo $icon; ?> icon-white"></i>&nbsp;<?php echo $title."\n"; ?>
            </a>
          </p>
<?php
}
?>